<!DOCTYPE html>
<html class="x-admin-sm">

    <head>
        <meta charset="UTF-8">
        <title>欢迎页面-X-admin2.2</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
        <link rel="stylesheet" href="./css/font.css">
        <link rel="stylesheet" href="./css/xadmin.css">
        <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
        <script src="./lib/layui/layui.js" charset="utf-8"></script>
        <script type="text/javascript" src="./js/xadmin.js"></script>
        <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
        <!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row">
                <form class="layui-form">
                    <div class="layui-form-item">
                        <label for="userName" class="layui-form-label">
                            <span class="x-red">* </span>用户账号
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="loginId" name="loginId" readonly required class="layui-input">
                        </div>
                    </div>
                  <div class="layui-form-item">
                      <label for="userName" class="layui-form-label">
                          <span class="x-red">* </span>用户名
                      </label>
                      <div class="layui-input-inline">
                          <input type="text" id="userName" name="userName" required class="layui-input">
                      </div>
                  </div>
                  <div class="layui-form-item">
                      <label for="phone" class="layui-form-label">
                          <span class="x-red">* </span>手机号码
                      </label>
                      <div class="layui-input-inline">
                          <input type="text" id="phone" name="phone" required class="layui-input"  lay-verify="phone">
                      </div>
                  </div>
                    <div class="layui-form-item">
                        <button  class="layui-btn layui-btn-lg" lay-submit lay-filter="change_msg" id="btn_edit_msg"> 保存 </button>
                    </div>
              </form>
            </div>
        </div>
        <script>
            $(function  () {
                layui.use('form', function(){
                    var form = layui.form;
                    form.on('submit(change_msg)', function(data){
                        layer.confirm('是否要修改个人资料?', {icon: 3, title:'警告'}, function(index) {
                            var val = {
                                "id": sessionStorage.getItem("id"),
                                "userName": $('#userName').val(),
                                "loginId": $('#loginId').val(),
                                "phone": $('#phone').val(),
                                "updateDate" : new Date()
                            };
                                $.ajax({
                                    url: "/admin/update",
                                    dateType: "json",
                                    contentType : "application/json",
                                    type: "post",
                                    data: JSON.stringify(val),
                                    success: function (res) {
                                        if(res.msg == 'success') {
                                            layer.msg("修改成功！ 页面即将关闭！ ");
                                            var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
                                            console.log(index);
                                            setTimeout(
                                                function(){
                                                    parent.layer.close(index);//关闭弹出的子页面窗口*!/
                                                },1000)
                                        } else {
                                            layer.msg('修改失败');
                                        }
                                    }
                                })
                            layer.close(index);
                        });
                        return false;
                    });
                });
            })
        </script>
        <script>
          $.ajax({
            url: '/admin/getInfo',
              type: "get",
              data: {
                  "id": sessionStorage.getItem("id")
              },
            success: function(res) {
                if(res.msg == "success") {
                    $('#loginId').val(res.data.admin.loginId);
                    $('#userName').val(res.data.admin.userName);
                    $('#phone').val(res.data.admin.phone);
                }
             }
          })
        </script>
    </body>

</html>
